<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<%@ include file="/app_css/app_layout.jsp"%>
<link href="http://static.aceona.com/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/app_css/app_view_v2.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/app_css/app_tips_v2.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/usercenter/user_css/uc_netwroks.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/app_css/app_form_v2.css" rel="stylesheet" type="text/css" />
<link href="http://static.aceona.com/usercenter/user_css/uc_layout_v4.css" rel="stylesheet" type="text/css" />
</head>

<body class="bg_a">
<div class="api_com_position">
				        <span class="api_position_main">前端开发规范</span>|<span class="red_a">前端页面规范及注意事项</span>
 </div>
				 <div class="api_content">
				           <h1>常用字体，链接，标题等常用样式</h1>
				           <ol class="api_ol_a">
						   <li>
						     <div class="title_effect">
									     <h6>常用按纽表单风格展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
														<input type="text" class="app_txt_b_v2 ec_w_a app_txt_transition_b" value="" rel="J_input_focus">
															<p class="p_tb_8">
																 <select class="app_txt_transition_b f_hui" id="" name="">
					 	   	     	  	  	   	     		 	 	<option value="">请选择</option>
					 	   	     	  	  	   	     		 	 </select>
															</p>
														    <textarea rel="J_input_focus" class="app_area_a_v2 app_txt_transition_b ec_area_a" rows="5" cols="30" id="" name=""></textarea>
														    <textarea rel="J_input_focus" class="uc_comment_area app_txt_transition_b hui_i" rows="10" cols="30" id="" name="">添加评论</textarea>
													 <!--code end-->
											  </div>
									 </div>
						   </li>
				           </ol>
						<h6>常用按纽</h6>
						<ol class="api_ol_a">
						   <li>
								<div class="title_content">
									 <a class="app_btn red_26 l m_l_12 di" href="javascript:void(0)"><span class="itembody f14">　搜　索　</span></a>
									 <a class="app_btn blue_21" href="javascript:void(0)"><span class="itembody">延长发布</span></a>
									 <a class="app_btn drop_28" href="javascript:void(0)"><span class="itembody bd">批量操作</span></a>
									 <a class="app_btn white_btn2"><span class="itembody b40">加入圈子</span></a>
									 <a href="javascript:void(0)" class="app_btn white_btn3 m_l_16"><span class="itembody f_b">取  消</span></a>
									 <a href="#" class="app_auto_btn_g_v2 app_auto_moudle_f l"><span class="in" title="评  论">评  论</span></a>
									 <a title="+加好友" class="app_note_btn_a" href="javascript:void(0);">+加好友</a>
									 <a class="app_btn blue_btn2 m_l_24" id="J_btn_publish"><span class="itembody f_b" title="发 布">发 布</span></a>
									 <a class="app_btn white_btn2" href="javascript:void(0)"><span class="itembody b40 f_b">我要应聘</span></a>
									 <a href="javascript:void(0)" class="app_btn red_28"><span class="itembody">保存订阅</span></a>
									 <div class="p_t_8 c">
		 	   	     	  	   	     	  <a class="app_bar_more_v2 app_bar_mod_v2 a_green" href="">
		 	   	     	  	   	     	  	 <em class="item_l app_more_sp">&nbsp;</em>
				 	   	     	  	   	     <b class="down_arrow">&nbsp;</b><span>展开更多</span>
		 	   	     	  	   	     	  	 <em class="item_r app_more_sp">&nbsp;</em>
		 	   	     	  	   	     	  </a>
		 	   	     	  	   	     </div>
									 <p class="p_tb_12">常用button工具类Class</p>
									 <button id="J_dialog_employ_btn" title="接受推荐" class="app_btn_f_v2 f_b">保   存</button>
									 <button title="我要推荐" class="app_btn_f_v2">我要推荐</button>
									 <button title="开始搜索" class="app_btn_q_v2">开始搜索</button>
									 <button id="J_dialog_employ_btn" title="我要应聘" class="app_btn_f_v2">我要应聘</button>
									 <button class="app_btn_g_v2 m_l_18">推荐朋友</button>
									 <button class="app2_btn_a m_l_18">推荐朋友</button>
									 <button class="app_btn_b_v2 m_l_18 fb_hui">关 闭</button>
								</div>
						   </li>
						</ol>  
						<h6>常用小图标</h6>
						<ol class="api_ol_a">
						   <li>
								<div class="title_content c">
									 <i class="app_icon_hot_v2 l">&nbsp;</i>
									 <i class="app_shut_icon4_v2 app_sp_v5 l">&nbsp;</i>
									 <i class="uc_icon uc_icon_mra">&nbsp;</i>
									 <i class="uc_icon uc_icon_lie">&nbsp;</i>
									 <i class="uc_icon uc_icon_ace_b item_m_a"></i>
									<i class="uc_icon uc_icon_right">&nbsp;</i>
									<i class="uc_icon uc_icon_cancel">&nbsp;</i>
									 <span class="f_blue l"><cite class="app_icon_a_comment_v2 app_icon_ib">&nbsp;</cite>89</span>
									 <i class="uc_icon uc_icon_edit uc_icon_style_c hand J_edit_experience">&nbsp;</i>
									 <i class="uc_icon uc_icon_del uc_icon_style_c hand">&nbsp;</i>
									 <div class="loading_box uc_icon uc_icon_loading">
	 	   	     	   	   	    		 	 <i rel="80%" class="item_in uc_icon J_loading_bar" style="width: 80%;">&nbsp;</i>
	 	   	     	   	   	    		 </div>
									 <div class="c"></div>
									 <i class="uc_icon_arrow2 uc_icon">&nbsp;</i>
									 <i class="uc_icon uc_icon_del uc_icon_style_c hand">&nbsp;</i>
									  <i class="uc_icon uc_icon_video" style="position:static">&nbsp;</i>
									  <a class="uc_edit_header c_b" href=""><i class="uc_icon uc_icon_photo">&nbsp;</i>编辑头像</a>
									  <div class="p_t_4 l">
	 	  	  	 				<span class="m_a"><cite class="app_icon_print">&nbsp;</cite><a class="a_blue" title="打印该职位" href="javascript:;">打印该职位</a></span>
	 	  	  	 				<span class="m_a"><cite class="app_icon_star">&nbsp;</cite><a class="a_blue" title="关注该职位" href="javascript:;">关注该职位</a></span>
	 	  	  	 				<span class="m_a"><cite class="app_icon_email_v2">&nbsp;</cite><a class="a_blue" title="转发给好友" href="javascript:;">转发给好友</a></span>
	 	  	  	 			</div>
								</div>
						   </li>
						</ol>    
				 </div>
    <script type="text/ecmascript" src="http://static.aceona.com/app_js/jquery.js"></script>
   <script type="text/javascript" src="http://static.aceona.com/api_demo/api_js/api_test.js"></script>
   <script type="text/javascript" src="http://static.aceona.com/api_demo/api_js/api_voke.js"></script>
</body>
</html>
